<?php
/**
 * 用户注册视图
 */
// 页面标题已在控制器中设置
include '/www/wwwroot/MA.com/includes/header.php';
?>

<div class="row justify-content-center py-4">
    <div class="col-lg-8 col-md-10">
        <div class="card shadow-sm">
            <div class="card-header">
                <h4 class="mb-0"><i class="fas fa-user-plus"></i> 用户注册</h4>
            </div>
            <div class="card-body">
                <?php if (isset($error)): ?>
                    <div class="alert alert-danger"><?php echo $error; ?></div>
                <?php endif; ?>
                
                <form method="POST" action="/register.php" class="needs-validation" novalidate>
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="username" class="form-label">用户名 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="username" name="username" value="<?php echo isset($username) ? htmlspecialchars($username) : ''; ?>" required>
                            <div class="form-text">用户名长度为3-20个字符，将用于登录</div>
                            <div class="invalid-feedback">
                                请输入用户名
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="nickname" class="form-label">昵称</label>
                            <input type="text" class="form-control" id="nickname" name="nickname" value="<?php echo isset($nickname) ? htmlspecialchars($nickname) : ''; ?>">
                            <div class="form-text">昵称将显示给其他用户，不填则使用用户名</div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="email" class="form-label">邮箱 <span class="text-danger">*</span></label>
                            <input type="email" class="form-control" id="email" name="email" value="<?php echo isset($email) ? htmlspecialchars($email) : ''; ?>" required>
                            <div class="invalid-feedback">
                                请输入有效的邮箱地址
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="phone" class="form-label">手机号</label>
                            <input type="tel" class="form-control" id="phone" name="phone" value="<?php echo isset($phone) ? htmlspecialchars($phone) : ''; ?>" pattern="1[3-9]\d{9}">
                            <div class="form-text">请输入11位中国大陆手机号</div>
                            <div class="invalid-feedback">
                                请输入有效的手机号码
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="password" class="form-label">密码 <span class="text-danger">*</span></label>
                            <input type="password" class="form-control" id="password" name="password" required minlength="6">
                            <div class="form-text">密码长度至少为6个字符</div>
                            <div class="progress mt-2">
                                <div id="passwordStrength" class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="invalid-feedback">
                                密码长度至少为6个字符
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-3">
                            <label for="confirmPassword" class="form-label">确认密码 <span class="text-danger">*</span></label>
                            <input type="password" class="form-control" id="confirmPassword" name="confirmPassword" required>
                            <div id="passwordMatch" class="form-text"></div>
                            <div class="invalid-feedback">
                                请确认密码
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3 form-check">
                        <input type="checkbox" class="form-check-input" id="agreeTerms" name="agreeTerms" required>
                        <label class="form-check-label" for="agreeTerms">我已阅读并同意<a href="#" data-bs-toggle="modal" data-bs-target="#termsModal">服务条款</a>和<a href="#" data-bs-toggle="modal" data-bs-target="#privacyModal">隐私政策</a></label>
                        <div class="invalid-feedback">
                            您必须同意服务条款和隐私政策才能注册
                        </div>
                    </div>
                    
                    <div class="d-grid gap-2">
                        <button type="submit" class="btn btn-primary">注册</button>
                    </div>
                </form>
            </div>
            <div class="card-footer text-center">
                <p class="mb-0">已有账号？<a href="/login.php">立即登录</a></p>
            </div>
        </div>
    </div>
</div>

<!-- 服务条款模态框 -->
<div class="modal fade" id="termsModal" tabindex="-1" aria-labelledby="termsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="termsModalLabel">服务条款</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <h5>1. 接受条款</h5>
                <p>欢迎使用男友事务预约网站（以下简称"本网站"）。通过访问或使用本网站，您同意受本服务条款的约束。</p>
                
                <h5>2. 服务描述</h5>
                <p>本网站提供男友添加、事务预约、亲密度增加等功能，旨在帮助用户管理与男友之间的事务和关系。</p>
                
                <h5>3. 用户账号</h5>
                <p>您需要注册账号才能使用本网站的全部功能。您有责任保护您的账号信息，并对使用您账号进行的所有活动负责。</p>
                
                <h5>4. 用户行为</h5>
                <p>您同意不会使用本网站从事任何违法或不当的活动，包括但不限于发布侵犯他人权益的内容、散布垃圾信息等。</p>
                
                <h5>5. 知识产权</h5>
                <p>本网站的所有内容和功能均受知识产权法保护，未经许可不得复制、分发或修改。</p>
                
                <h5>6. 免责声明</h5>
                <p>本网站不对用户生成的内容负责，也不对服务中断或数据丢失承担责任。</p>
                
                <h5>7. 条款修改</h5>
                <p>本网站有权随时修改服务条款，修改后的条款将在网站上公布。继续使用本网站即表示您接受修改后的条款。</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 隐私政策模态框 -->
<div class="modal fade" id="privacyModal" tabindex="-1" aria-labelledby="privacyModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="privacyModalLabel">隐私政策</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <h5>1. 信息收集</h5>
                <p>我们收集您在注册和使用过程中提供的信息，包括但不限于用户名、邮箱、手机号、头像等。</p>
                
                <h5>2. 信息使用</h5>
                <p>我们使用收集的信息来提供、维护和改进我们的服务，以及开发新的服务。</p>
                
                <h5>3. 信息共享</h5>
                <p>除非获得您的明确许可，我们不会与第三方共享您的个人信息，法律要求的情况除外。</p>
                
                <h5>4. 信息安全</h5>
                <p>我们采取合理的安全措施来保护您的个人信息不被未经授权的访问、使用或泄露。</p>
                
                <h5>5. Cookie使用</h5>
                <p>我们使用Cookie来改善用户体验，您可以通过浏览器设置来控制Cookie。</p>
                
                <h5>6. 隐私政策更新</h5>
                <p>我们可能会不时更新本隐私政策，更新后的政策将在网站上公布。</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<?php include '/www/wwwroot/MA.com/includes/footer.php'; ?>
